// 健康card
.jkcardpage{position:relative;padding:16px 16px 36px 16px;
}
.floatbtn{
	position:fixed;
	right:18px;
	bottom:134px;
	img{width:60px;}
}
.dbfloatbtn{
	position:fixed;
	bottom:54px;
	width:100%;
	background:#FFF;
}
.cklsPage{
	.pdb{
		padding-bottom:64px;
	}
}
.jkcon{
	padding:16px;
	.jkcard{
		.weightinfo{
			margin-bottom:20px;
			.weight{
				padding:0px 20px;
			}
		}
		.tipstext{
			margin-bottom:20px;
			img{width:80%;}
		}
	}
}
.cssj{
	.cssjcard{
		box-shadow: 0px 10px 20px 0px rgba(31, 116, 62, 0.2);
		border-radius:15px;
		.cssjtit{
			background: rgba(58, 58, 58, 0.1);
			border-radius: 8px 8px 0px 8px;
			padding:10px;
			margin-right: 5px;
		}
		.cssjrcon{
			width:100%;
		}
	}
}
.jkcardlist{
	display:grid;
	grid-template-rows: auto; 
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap:10px;
	.jkinfocard{
		background-size:100%;
		background: #FFFFFF;
		box-shadow: 0px 0px 10px 0px rgba(51, 53, 89, 0.1);
		border-radius: 12px;
		overflow: hidden;
	}
}
.sjdbimg{
	img{width: 100%;}
}
.Yystspage{
	background:url("https://iotapi.sziton.com/afile/J4GFRSTHQ4/tips_bg_01@3x.png") no-repeat;
	background-size:100%;
	border-radius:8px;
	width:80%;
	margin:0 auto;
	padding:30px 0px;
	overflow:hidden;
	position:relative;
}
.bltips{
	position:fixed;
	top: 0px;
	width:100%;
	background:#FFF;
	z-index:5;
	.fl-rsb{
		padding:8px 16px;
		.bltext{
			color:#666;
		}
		.link{
			color:#54C27B;
		}
	}
}
.weightcon{
	position: relative;
	.weighttext{
		position:absolute;
		top:38px;
		width:100%;
		text-align:center;
		font-size: 22px;
	}
}
.bluetooth-panel{
	overflow-y: auto;
	// padding-bottom: 75px;
}
.panel-more-btn {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 10px;
    font-size: 0;
    z-index: 100;
  
    .more-btn-icon {
      width: 24px;
      height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' x='0' y='0' version='1.1' xml:space='preserve'%3E%3Cstyle%3E.st19%7Bfill:%23444%7D%3C/style%3E%3Ccircle cx='10' cy='24' r='4' class='st19'/%3E%3Ccircle cx='24' cy='24' r='4' class='st19'/%3E%3Ccircle cx='38' cy='24' r='4' class='st19'/%3E%3C/svg%3E");
      background-size: 24px 24px;
    }

    & + .card-layout {
      margin-top: 45px;
    }
  }
.acsheel-con{
	position:absolute;
	z-index:1001;
	background:rgba(0,0, 0, 0.5);
	width:100%;
	height:100vh;
	top:0px;
	.acbtn{
		padding:10px 30px;
		color:#FFF;
		background:#54C27B;
		border:0px;
		border-radius:15px;
		font-size:16px;
		font-weight:500;
	}
	.acsheel{
		position:absolute;
		bottom:0px;
		background:#FFF;
		border-radius:15px 15px 0px 0px;
		padding:15px 0px;
		width:100%;
		.acsheeltem{
			position:relative;
			padding:15px;
			.acitem{
				position:relative;
				padding:15px;
			}
		}
	}
	.acsheel-foot{
		padding: 15px 0px;
		display:flex;
		justify-content: center;
	}
	.acsheel-head{
		padding:15px 0px;
		border-bottom:1px solid #eee;
		margin-bottom:15px;
		text-align:center;
		position:relative;
		font-size:18px;
		.actitle{
			font-weight:600;
			display:flex;
			justify-content: center;
		}
		.acclose{
			position: absolute;
			right: 15px;
			top: 0px;
			width: 44px;
			height: 44px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
	}
}
.detailpage{
	background:#f2f2f2;
	position:relative;
	height:100vh;
	.itemlist{
		padding-top:80px;
	}
}